import { createRouter, createWebHashHistory } from 'vue-router'
import Layout from '@/views/Layout/index.vue'

const routes = [
  {
    path: '/',
    component: Layout,
    // 配置二级路由
    children: [
      // 找到前面的 首页 / 才开始调用后面的函数进行按需导入
      { path: '/', component: () => import('@/views/Home/index.vue') },
      // 这个斜杠表示是直接从根标签开始加载，如果不加则表示继承父路由的接口路径，在这里影响不大
      { path: '/category/:id', component: () => import('@/views/category/index.vue') },
      { path: '/product/:id', component: () => import('@/views/goods/index.vue') }
    ]
  },
  { path: '/test', component: () => import('@/views/test') }
]
// 创建路由实例
const router = createRouter({
  // 使用hash方式实现路由
  history: createWebHashHistory(),
  // 配置路由规则，写法和之前一样
  routes
})

export default router
